<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>稍等一下，正在跳转... ✈️</title>
    <link rel="stylesheet" href="../assets/css/tailwind.output.css">
    <style>
        .rotate {
            animation: rotate 2s infinite linear;
        }

        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
    </style>
</head>
<body class="h-screen flex items-center justify-center bg-gradient-to-bl from-blue-500 to-cyan-500">
<div class="container mx-auto text-center">
    <div class="mb-8">
        <span class="text-9xl text-white rotate">✈️</span>
    </div>
    <h1 class="text-6xl font-bold text-white mb-4">303</h1>
    <h2 class="text-3xl text-white mb-8">别急，我们正带您前往新地方！</h2>
    <p class="mt-8 text-white">如果您的浏览器没有自动跳转，请点击下面的链接:</p>
    <a href="/" class="error-href-302">手动跳转</a>
</div>
</body>
</html>